@charset "utf-8";
@charset "utf-8";
/* CSS Document */
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
* { margin: 0; padding: 0; }
body { width: 100%; min-width: 320px; margin: 0 auto; padding: 0; font-size: 12px; font-family: "微软雅黑"; overflow-x: hidden; }
img { border: 0px; }
.fl { float: left; }
.fr { float: right; }
.clearfix { *zoom:1;
}
.cp { cursor:pointer; }
.clearfix:after { display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "."; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
li { list-style: none; }
input,
select,
area,
textarea { outline: 0; -moz-outline: 0; -webkit-appearance: none; }
table { border-collapse: collapse; }
em,
i { font-style: normal; }
@media only screen and (min-width: 320px) {
img { max-width: 100% }
}
.auto { width: 84.5%; margin: 0 auto; }
.pr { position: relative; }
.ani,
a { transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; }
.ul { width: 110%; }
/* flexslider */
.flexslider { position: relative; min-width: 320px; width: 100%; margin: 0 auto; height: auto; overflow: hidden; }
.flexslider .slides { position: relative; z-index: 1; }
.flexslider .slides li { width: 100%; height: auto; position: relative; }
.flexslider .slides li a { display: block; font-size: 0; width: 100%; height: 100%; }
.flexslider .slides li a img { width: 100%; }
/*.flex-control-nav{position:absolute;bottom:5%;z-index:2; right:5%;text-align:center; }
.flex-control-nav li{display:inline-block;width:10px; float:left;height:10px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:10px;height:10px;line-height:40px;overflow:hidden;background:#eeeeee;cursor:pointer;}
.flex-control-nav .flex-active{background:#fe5e82;}
.flex-direction-nav{z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}*/

.head { width: 100%; position: relative; top: 0; left: 0; z-index: 99; background: #FFFFFF; }
.logo { display: block; font-size: 0; }
.menu { margin-left: 3%; margin-top: 39px; }
.menu ul { margin-bottom: 0; }
.mli { float: left; margin-right: 2.6vw; position: relative; }
.ma { display: block; font-size: 16px; color: #26221f; line-height: 30px; }
.mli:hover .ma { color: #a11715; }
.mli.hover .ma { color: #a11715; }
.ph { margin-top: 30px; text-align: right; line-height: 1em; padding-right: 12px; margin-right:2.5 %; border-right: 2px so3lid #a11715; font-size: 14px; }
.ph span { color: #a11715; }
.ph_tb { color: #a11715; font-size: 18px; padding-left: 25px; background: url(../images/1.png) no-repeat left center; line-height: 20px; margin-top: 6px; }
.mimg { width: 10.5%; height: 100%; position: absolute; top: 0; right: 0; background: url(../images/6.png) no-repeat center center; background-size: contain; font-size: 0; display: none; }
.mimg img { display: none; }
.mxl { position: absolute; padding-top: 39px; display: none; background: #fff; }
.mxl_bg { background: #f8f8f8; width: 710px; padding: 30px 30px 30px 0; }
.m_left { width: 185px; text-align: center; font-size: 15px; border-right: 1px solid #e3e3e3; }
.m_left a { display: block; text-align: center; color: #26221f; line-height: 30px; padding: 0 10px; }
.m_left a:hover { color: #a11715; }
.m_right { width: 500px; }
.mr_img { width: 180px; height: 150px; overflow: hidden; font-size: 0; background-position:center; background-repeat:no-repeat; background-size:cover; }
.mr_wid { width: 295px; }
.mr_wz { color: #888888; line-height: 24px; }
.mr_more { color: #888888; margin-top: 50px; }
.foot { background: #222222; margin-top: 4%; border-top: 3px solid #a11715; }
.foot_top { padding: 4% 0 }
.ft_menu { line-height: 30px; color: #9e9e9e; width:10%; }
.ft_menu a { display: block; }
.ft_menu a.line { display: inline-block; }
.fm_h3 { font-size: 16px; color: #FFF; margin-bottom: 25px; }
.fm_a { font-size: 14px; color: #9e9e9e; }
.ft_menu a:hover { color: #FFFFFF; }
.ft_menu.addr {
     width:auto;
     /*margin-right: 7%;*/
}
/*
.ft_menu:nth-child(4) a {
    display:inline-block;
}
.ft_menu:nth-child(4) a:nth-child(2n):before {
    content:'';
}
.ft_menu:nth-child(4) a:nth-child(2n-1):before {
    content:' | ';
    color:#9e9e9e;
}
*/

.foot_top p { margin-bottom: 0; }
.ew_div { margin-left: 50px; }
.ew_img { width: 100%; font-size: 0; }
.ew_ts { text-align: center; color: #9e9e9e; line-height: 40px; }
.foot_bottom { background: #121212; padding: 3% 0; text-align: center; }
.fb_left a, .fb_left span { display: inline-block; width: 150px; height: 30px; line-height: 30px; text-align: center; color: #6f6f6f; border: 1px solid #272727; margin-right: 10px; position:relative;  }
.fb_left ul { position:absolute; left:-1px; bottom:30px; width:150px; border: 1px solid #272727; border-bottom:none; background: #121212; display:none; }
.fb_left ul a { border:none; margin:0; width:auto; display:block; height:auto;padding:7px 5px; line-height:1.5em; }
.fb_left ul a:hover { background:#333; }
.fb_right { color: #6f6f6f; line-height: 32px; }
.Search ul li{position: relative; float: right;top:40px;margin-right:2%;}
.Search ul li input.text{width: 12vw; padding:0 10px; height: 32px; line-height: 32px; color:#666; font-size: 14px;border:1px solid #9a8080; border-radius: 5px;}

.Search ul li input.bot{background: #9a8080 url(/website/images/Sp.png) no-repeat 15px center; position: absolute;cursor: pointer; right: 0; top:0; height: 100%; width: 80px;border:0; border-radius:0 5px 5px 0; color:#fff; font-size: 14px; padding-left: 25px;}
 @media only screen and (max-width: 1660px) {
.ph{display:none;}
}
 @media only screen and (max-width: 1450px) {
.ew { display: none; }
.Search{display:none;}
}
@media only screen and (max-width: 1360px) {
.menu { margin-left: 5%; }
.ph { display: none; }
.ft_menu.addr { margin-right: 6%; }

}
 @media only screen and (max-width: 1280px) {
.ft_menu.addr { margin-right: 5%; }
}
@media only screen and (max-width: 1152px) {
.mli { margin-right: 30px; }
.ft_menu.addr { margin-right: 4%; }
}
@media only screen and (max-width: 1024px) {
     .menu { margin-top: 4%; }
     .mli { margin-right: 15px; }
     .logo { width: 35%; }
     .auto { width: 90%; }
     .ft_menu { width: 20%; }
     .ft_menu a.fm_h3 { font-size: 14px; margin-bottom:10px; }
     .ft_menu a.fm_a { font-size: 12px; }
     .ew { display: none; width: 260px; margin: 0 auto; float: inherit; }
     .fb_left { display: none; }
     .fb_right { width: 100%; float: inherit; }
     .addr { display: block; }
}
 @media only screen and (max-width: 750px) {
      .head{ background:#fff; }
      .head .logo { height:100%; overflow:hidden; }
     .menu,
     .ph { width: 100%; float: inherit; line-height: 30px; display: block; text-align: center; margin: 0; }
     .mli { width: 100%; margin-right: 0; margin-bottom: 10px; }
     .auto { width: 95%; }
     .mimg { display: block; }
     .m_pos { padding: 20px 0; width: 100%; display: none; clear: both; background: #FFF; position: absolute; top: 42px; left: 0; }
     .ph_tb { display: inline-block; }
     .mxl_bg { width: 90%; padding: 5%; }
     .mxl { position: relative; padding-top: 0; }
     .m_left { width: 100%; float: none; }
     .m_left a { line-height: 40px; }
     .m_right { display: none; }
     
     
}